.store-category{
	list-style:none;
	margin-left:0px;
	li.store-category-item{
		float: left;
		width: 330px;
		display: block;
		padding: 10px;
		h3 {
			margin-bottom: 5px;
			font-weight: bold;
			font-size: 14px;
		}
		.sub-category{
			float: left;
			overflow: hidden;
			width: 100%;
			height: 44px;
			line-height: 22px;
			a{
				display:block;
				float: left;
				margin-right: 14px;
				white-space: nowrap;
			}
		}
	}
	li:hover{
		.black05bg;
  		.border-radius(4px);
	}
}
.store-info{
	.black05bg;
	.border-radius(10px);
	position:relative;
	padding:20px;
	width: 660px;
	.main{
		margin-bottom: 0px;
	}
	.profile{
		width: 460px;
		float: left;
		h2 a{
			color:@gray;
		}
	}
	.info{
		width: 200px;
		float: left;
	}
}
.store-list{
	.index-item {
		list-style: none;
		overflow: hidden;
		margin:0px;
		li{
			float: left;
			margin: 15px 0 0 10px;
			width: 450px;
			overflow: hidden;
			.index-item-mod{
				position: relative;
				width: 450px;
				overflow: hidden;
			}
			.index-item-hd {
				margin-bottom: 15px;
				height: 30px;
				overflow: hidden;
				h3.item-type {
					float: left;
					display: inline-block;
					padding-left: 10px;
					font: 400 22px/30px "Microsoft YaHei";
					border-left: 3px solid @puzzColor;
					a{
						color:@gray;
					}
				}
				span{
					float: right;
					display: inline-block;
					margin-right: 10px;
					font: 400 14px/30px "Microsoft YaHei";
				}
				em {
					padding: 0 5px;
					font-style:normal;
					color: @red;
				}
			}
			.index-item-bd, .index-item-ft {
				position: relative;
				padding: 10px 10px 0;
				width: 430px;
				.black05bg;
				overflow: hidden;
			}
			.index-item-ft {
				padding: 0 10px;
				height:68px;
				a{
					padding: 5px 10px;
					display: inline-block;
					margin-bottom: 10px;
					font: 400 12px/12px Simsun;
					color: #666;
					border-radius: 10px;
					border: @border;
					background: #fff;
				}
			}
			.item-slide a {
				position: absolute;
				display:none;
				bottom: 10px;
				width: 45px;
				height: 55px;
				text-indent: -99999px;
				z-index: 4;
				overflow: hidden;
				span {
					display: block;
					margin: 10px;
					width: 22px;
					height: 36px;
					background: url("@{imagePath}/index_icon.png") no-repeat;
					_background: url("@{imagePath}/index_icon.png") no-repeat;
				}
			}
			.item-slide a.prev {
				left: 10px;
				span{
					background-position: -23px 0px;
				}
			}
			.item-slide a.next {
				right: 10px;
				span{
					background-position: 0px 0px;
				}
			}
			.item-slide-on a {
				.opacity(60);
				background: #000;
			}
			.slide-prev a.prev{
				display: block;
			}
			.slide-next a.next{
				display: block;
			}
			.item-img {
				margin-bottom: 10px;
				width: 430px;
				height: 200px;
				ul{
					margin: 0px;
				}
				li {
					float: left;
					margin: 0 10px 0 0;
					width: 430px;
					height: 200px;
				}
				a{
					position: relative;
					display: block;
					width: 430px;
					height: 200px;
					color: #fff;
					z-index: 1;
				}
				span, strong {
					position: absolute;
					bottom: 0px;
					left: 0;
					display: block;
					width: 430px;
					height: 20px;
					font: 400 12px/12px Simsun;
					color: #fff;
					text-align: center;
					z-index: 2;
				}
				strong {
					bottom: 30px;
					_bottom: 25px;
					height: 18px;
					font: 400 18px/25px "Microsoft YaHei";
				}
				span.bg-black {
					bottom: 0;
					height: 55px;
					.opacity(40);
					background: #000;
					z-index: 1;
				}
			}
		}
	}
	
}
.goodshop-list{
	list-style: none;
	margin:0 0 9px 0px;
	position:relative;
	overflow:hidden;
	& > li{
		border-bottom: 2px solid @borderColor;
		&:last-child{
			border-bottom:none;
		}
	}
	& > li:hover a.action{
		display: block;
	}
	.multi {
		margin: 15px 0 0px 0;
		padding: 0px 0 15px 0;
		overflow:hidden;
		position: relative;
		a.action{
			position: absolute;
			left:60px;
			top:60px;
			display: none;
		}
	}
	.multi-meta {
		float: left;
		list-style: none;
		margin:0 20px 0 0px;
		width: 220px;
		color:@gray;
		& > li{
			margin: 0;
			padding: 4px 0;
			font-size: 12px;
			font-weight: normal;
			line-height: 1.5;
		}
		li:first-child {
			padding-top: 0;
		}
		li.meta-act{
			border-bottom:0px;
			color:@gray;
			.meta-act-link,.meta-act-link:hover{
				padding: 0px 12px 0px 22px;
				background-position: 0px 50%;
				color:@gray;
			}
		}
		li.goodshop-title {
			font-size: 14px;
			line-height: 1.3;
		}
		li.goodshop-title-attr {
			font-size: 11px;
			font-weight: normal;
		}
		li.goodshop-desc {
			font-size: 11px;
			font-weight: normal;
		}
		li.goodshop-time {
			font-size: 11px;
		}
		.tags{
			padding: 0px;
			ul li a{
				margin: 0 5px 0px 0;
			}
		}
	}
}
.apply-container{
	height: 100px;
	line-height: 100px;
	.black05bg;
	text-align: center;
  	.border-radius(4px);
}
.sharestore{
	.black05bg;
	padding:20px;
	.border-radius(10px);	
	h3{
		font-family:'microsoft yahei';
		color: @gray;
	}
}

.boxshadow{
	background-color: #fff;
    .border-radius(6px);
    .box-shadow(0 1px 4px rgba(0,0,0,.065));
}

.store-detail{
	margin-left: 20px;
	margin-top: 10px;
	min-height: 400px;
	padding: 20px;
	h2{
		font-family:'microsoft yahei';
		color: @gray;
	}
	p{
		font-size:@mediumFont;
	}
}
.store-comment{
	margin-left: 20px;
	margin-top: 10px;
	min-height: 400px;
	h2{
		font-family:'microsoft yahei';
		color: @gray;
	}
	p{
		font-size:@mediumFont;
	}
}

.brand-recommend {
	padding: 10px 10px 10px;
	height: 100%;
	background: @white;
	.brand-item {
		margin-bottom: 15px;
		.tp, .bt {
			width: 200px;
			height: 6px;
			background: url("@{imagePath}/brand_list_commend.png") no-repeat;
		}
		.tp,.bt,a{
			display: block;
			overflow: hidden;
		}
		a{
			position: relative;
			padding: 10px;
			width: 180px;
			text-decoration: none;
			color: @gray;
			strong,span{
				display: inline-block;
				font: 700 14px/28px Simsun;
				color: @grayDark;
			}
			span.label{
				font-size: @smallFont;
				color:@white;
			}
			em{
				font-style: normal;
			}
			em.icon {
				display: inline-block;
				margin-left: 10px;
				width: 14px;
				height: 21px;
				vertical-align: middle;
				text-indent: -99999px;
				background: url("@{imagePath}/brand_list_commend.png") 0 -37px no-repeat;
				overflow: hidden;
			}
			span{
				font: 400 12px/22px Simsun;
				color: @gray;
			}
		}
	}
	.item-bg0{
		a{
			background: #e3f1cd;
		}
		.bt {
			background-position: 0 -6px;
		}
		.tp {
			background-position: 0 0;
		}
	}
	.item-bg1{
		a{
			background: #f7e4dd;
		}
		.bt {
			background-position: 0 -18px;
		}
		.tp {
			background-position: 0 -12px;
		}
	}
	.item-bg2{
		a{
			background: #dbebf8;
		}
		.bt {
			background-position: 0 -30px;
		}
		.tp {
			background-position: 0 -24px;
		}
	}
	
}
.store-header{
	.border-radius(10px);
	position:relative;
	width: 940px;
	.black70bg;
	.store-avatar{
		width:120px;
		height: 120px;
		float: left;
		.photo-large{
			width:120px;
			height: 120px;
			max-width: 120px;
			max-height: 120px;
			margin: 0px;
		}
	}
	.profile{
		margin-left: 10px;
		padding: 10px 10px 10px 0px;
		width: 480px;
		float: left;
		h2,p,a{
			color:#fff;
		}
	}
}
.bs-docs-sidebar{
	min-height: 200px;
}
.bs-docs-sidenav {
  width: 220px;
  margin: 10px 0 0;
  padding: 0;
  .boxshadow;
}
.bs-docs-sidenav > li > a {
  display: block;
  width: 190px \9;
  margin: 0 0 -1px;
  padding: 8px 14px;
  border: 1px solid #e5e5e5;
}
.bs-docs-sidenav > li:first-child > a {
  -webkit-border-radius: 6px 6px 0 0;
     -moz-border-radius: 6px 6px 0 0;
          border-radius: 6px 6px 0 0;
}
.bs-docs-sidenav > li:last-child > a {
  -webkit-border-radius: 0 0 6px 6px;
     -moz-border-radius: 0 0 6px 6px;
          border-radius: 0 0 6px 6px;
}
.bs-docs-sidenav > .active > a {
  position: relative;
  z-index: 2;
  padding: 9px 15px;
  border: 0;
  text-shadow: 0 1px 0 rgba(0,0,0,.15);
  -webkit-box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1);
     -moz-box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1);
          box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1);
}
/* Chevrons */
.bs-docs-sidenav .icon-chevron-right {
  float: right;
  margin-top: 2px;
  margin-right: -6px;
  opacity: .25;
}
.bs-docs-sidenav > li > a{
	color:@gray;
}
.bs-docs-sidenav > li.active > a,.bs-docs-sidenav > li.active > a:hover{
	background-color: @puzzColor;
}
.bs-docs-sidenav > li > a:hover {
  background-color: #f5f5f5;
}
.bs-docs-sidenav a:hover .icon-chevron-right {
  opacity: .5;
}
.bs-docs-sidenav .active .icon-chevron-right,
.bs-docs-sidenav .active a:hover .icon-chevron-right {
  background-image: url("@{iconWhiteSpritePath}");
  opacity: 1;
}
.bs-docs-sidenav.affix {
  top: 40px;
}
.bs-docs-sidenav.affix-bottom {
  position: absolute;
  top: auto;
  bottom: 270px;
}

